<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- content on -->
<div class="gl-details">
	<p class="un-ds-close"><a href="#" title="Sluiten">Sluiten</a></p>
	<div class="gl-inner cf">
  	<div class="un-ds-back">
    	<a href="#" title="Naar alle toelatingen">Naar alle toelatingen</a>
    </div>
  	<section class="bl-ds">
    	<div class="un-ds-ttl noline">
      	<h1>Anneke Verbruggen</h1>
      </div>
      <fieldset class="noline">
      	<h2>GBA gegevens <a class="el-help" data-position="s" href="#tip_naw"></a></h2>
        <div id="tip_naw" class="un-tip-data">
        	<h4>GBA gegevens</h4>
          <p>Hier ziet u de naam, het adres en enkele aanvullende gegevens van het kind. Deze gegevens komen uit de Gemeentelijke Basisadministratie Persoonsgegevens (GBA). Als een kind verhuist of overlijdt, ontvangt u automatisch bericht.</p>
        </div>
        <dl class="un-row-txt cf">
        	<dt>Geboortedatum</dt>
          <dd>20-09-2013</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>BSN</dt>
          <dd>123.12.456</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>Adres</dt>
          <dd>Wassenaarsestraatweg 123<br />2514 AX Den Haag</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>Geslacht</dt>
          <dd>Vrouw</dd>
        </dl>
      </fieldset>
      <fieldset class="main-fieldset">
      	<div class="un-ds-tabs cf">
          <ul>
            <li class="account"><a title="Gegevens" href="#tb_gegevens"><strong><span>Gegevens</span></strong></a></li>
            <li class="correspondence"><a title="Gegevens" href="#tb_correspondentie"><strong><span>Correspondentie <em>(2)</em></span></strong></a></li>
          </ul>
        </div>
        
        <div id="tb_gegevens" class="un-ds-view">
          <h2>Aanvullende gegevens <span>(niet verplicht)</span> <a class="el-help" href="#tip_aanvullende"></a></h2>
          <div id="tip_aanvullende" class="un-tip-data">
            <h4>Aanvullende gegevens</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
          </div>
          <dl class="un-row cf">
            <dt><label for="frm_inp_08">Roepnaam</label></dt>
            <dd>
              <input id="frm_inp_08" type="text" value="Anneke">
            </dd>
          </dl>
          <dl class="un-row cf">
            <dt><label for="frm_inp_09">Vast tel.nr.</label></dt>
            <dd>
              <input id="frm_inp_09" type="text" class="el-inp-33" value="0123456789">
              <div class="el-intra-33"><label for="frm_inp_10">Mobiel nr.</label></div>
              <input id="frm_inp_10" type="text" class="el-inp-33" value="06 12345678">
            </dd>
          </dl>
          <dl class="un-row cf">
            <dt><label for="frm_inp_11">E-mailadres</label></dt>
            <dd>
              <input id="frm_inp_11" type="text" value="joverbruggen@gmail.com">
            </dd>
          </dl>
          <dl class="un-row cf">
            <dd>
              <input id="frm_rdo_03" type="checkbox" class="el-form-address"> <!-- class el-form-address need for js -->
              <label for="frm_rdo_03">Extra adres</label> <a class="el-help" href="#tip_extra_adres"></a>
              <div class="un-ds-address">
                <dl class="cf">
                  <dt><label for="frm_inp_in_01">Straat + nr.</label></dt>
                  <dd>
                    <input id="frm_inp_in_01" type="text" class="el-inp-80" value="">
                    <input type="text" class="el-inp-20" value="">
                  </dd>
                </dl>
                <dl class="cf">
                  <dt><label for="frm_inp_in_02">Postcode + plaats</label></dt>
                  <dd>
                    <input id="frm_inp_in_02" type="text" class="el-inp-20" value="">
                    <input type="text" class="el-inp-80" value="">
                  </dd>
                </dl>
                <dl class="cf">
                  <dt><label for="frm_inp_in_03">Vast tel.nr.</label></dt>
                  <dd>
                    <input id="frm_inp_in_03" type="text" value="">
                  </dd>
                </dl>
                <dl class="cf">
                  <dt><label for="frm_inp_in_04">E-mailadres</label></dt>
                  <dd>
                    <input id="frm_inp_in_04" type="text" value="">
                  </dd>
                </dl>
                <dl class="cf">
                  <dd>
                    <input id="frm_rdo_in_01" type="checkbox" value=""><label for="frm_rdo_in_01">Ook correspondentieadres</label>
                  </dd>
                </dl>
              </div>
            </dd>
          </dl>
          <div id="tip_extra_adres" class="un-tip-data">
            <h4>Extra adres</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
          </div>
        </div>
        <div id="tb_correspondentie" class="un-ds-view">
        	<div id="tip_verwerkt" class="un-tip-data">
            <h4>Verwerkt</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
          </div>
          <table class="un-ds-letters">
          	<thead>
				<tr>
	            	<th>Naam</th>
	            	<th>Onderwerp</th>
	                <th>Verstuurd op</th>
	                <th>Verwerkt <a href="#tip_verwerkt" class="el-help"></a></th>
				</tr>
            </thead>
            <tbody>
            	<tr>
					<td>Anneke Verbruggen</td>
					<td class="admission">toelating</td>
					<td>12-10-2013</td>
					<td class="el-chk"><input type="checkbox" name="correspondentie"></td>
				</tr>
				<tr>
					<td>Anneke Verbruggen</td>
					<td class="registration">aanmelding</td>
					<td>10-02-2013</td>
					<td class="el-chk"><input type="checkbox" name="correspondentie"></td>
				</tr>
            </tbody>
          </table>
        </div>
      </fieldset>
      <fieldset>
      	<h2>Aanmeldgegevens</h2>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_12">Schoollocatie</label></dt>
          <dd>
          	<select id="frm_inp_12">
            	<option>Laan van Meerdervoort 67</option>
            </select>
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_rdo_04">Toelatingscriteria</label><a class="el-help" href="#tip_toelatingscriteria"></a></dt>
          <dd class="el-rdo-ln">
          	<p>
              <input id="frm_rdo_04" type="radio" name="frm_nm_02">
              <label for="frm_rdo_04">Voldoet aan geen enkel criterium</label>
            </p>
            <p>
              <input id="frm_rdo_05" type="radio" name="frm_nm_02" checked="true" class="el-form-criteria"> <!-- class el-form-criteria need for js -->
            	<label for="frm_rdo_05">Voldoet aan één of meerdere criteria</label>
            </p>
            <ul class="un-ds-criteria">
            	<li>
              	<input id="frm_rdo_15" type="checkbox" checked="true" name="frm_nm_04">
            		<label for="frm_rdo_15">Broertje/zusje</label>
              </li>
              <li>
              	<input id="frm_rdo_16" type="checkbox" name="frm_nm_04">
            		<label for="frm_rdo_16">In de buurt</label>
              </li>
            </ul>
          </dd>
        </dl>
        <div id="tip_toelatingscriteria" class="un-tip-data">
        	<h4>Toelatingscriteria</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label>Aanvullende informatie (niet verplicht)</label></dt>
          <dd>
            <textarea rows="8" cols="50"></textarea>
          </dd>
        </dl>
      </fieldset>
      <div class="un-ds-btn cf">
        <button class="el-btn-blue" type="submit"><span><em class="el-p"></em>Wijziging opslaan</span></button>
        <a class="el-delete" href="#" title="aanmelding annuleren">aanmelding annuleren</a>
      </div>
      <dl class="un-ds-reg">
        <dt>Wat gebeurt er als ik de aanmelding annuleer?</dt>
        <dd>
          <h3>Wat gebeurt er als ik op ‘Aanmelden’ klik?</h3>
          <p>Wanneer u het kind heeft aangemeld wordt er automatisch een aanmeldbrief gegenereerd die naar het e-mailadres wordt verstuurd dat is aangegeven in uw instellingen. Deze aanmeldbrief is vervolgens ook beschikbaar bij de kindgegevens binnen de aanmeldapplicatie.</p>
          <p>De aanmeldbrief kan vanuit school naar de ouders worden verstuurd (per post dan wel per e-mail) ter bevestiging van de aanmelding op uw school.</p>
        </dd>
      </dl>
    </section>
    <aside class="bl-ds-side">
			<div class="un-ds-note">
		      	<div class="un-txt">
		        	<h3><span>Schooljaar</span> 2016/2017</h3>
					<div class="el-state el-reject">
					  <p><strong>Afgewezen</strong></p>
					</div>
					<p class="el-message message-container">U moet eerst de <a href="#" title="Wijzigingen opslaan">wijzigingen opslaan</a> voordat u de status kunt wijzigen</strong></p>
		        </div>
			</div>
      <ul class="un-ds-action">
        <li class="el-print"><a href="#" title="Printen">Printen</a></li>
        <li class="el-manual manual-help"><a href="#" title="Handleiding">Hulp nodig?</a></li>
      </ul>
    </aside>
  </div>
</div>
<!-- content off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
